<%@ page language="java" pageEncoding="utf-8" contentType="text/html;charset=UTF-8" %>
<div class="ublock-main-large">
    <div class="uheader">
        <h3 class="utitle fyh">
            <div class="utitle-text">
                <i class="icon-family"></i>
                <span class="cur">${userName}的家庭成员</span>
            </div>
            <div class="utitle-right">
                <div class="nav">
                    <a href="javascript:void(0)" id="addFamily"><i class="icon-add"></i>添加家庭成员</a>
                    <span class="uarrow down"></span>
                </div>
            </div>
        </h3>
        <div class="utips">
            <p>询问你(包括你所许可的家人)的健康信息, 仅仅为了向你推荐更合适的医药及健康产品,推荐更适合你的健康资讯. 并在你进行药师咨询时提供若干必要的辅助信息!</p>
        </div>
    </div>
    <div class="ulist family">
        <ul id="member_list">
            <c:forEach var="member" items="${list}">
            <li class="family-item">
                <input type="hidden" class="userId" value='${member.userId}'/>
	        	<input type="hidden" class="familyMemberId" value='${member.id}'/>
	        	<input type="hidden" class="tags" value='${member.diseaseTaglist}'/>
	        	<input type="hidden" class="sex" value='${member.sex}'/>
	        	<input type="hidden" class="age" value='${member.age}'/>
	        	<input type="hidden" class="relatives" value='${member.relatives}'/>
                <div class="family-content">
                    <div class="title hasicon hasbar <c:choose>
		                    <c:when test="${member.sex == 1 }">
		                    male
		                    </c:when>
		                    <c:otherwise>
		                    female
		                    </c:otherwise>
	                    </c:choose> fyh">
                        <table>
                            <tr>
                                <td><i></i><span>${member.relatives}&nbsp;&nbsp;${member.age}岁<span></td>
                            </tr>
                        </table>
                        <div class="bar">
                            <span class="fl editFamily"><a href="javascript:void(0)" title="编辑家庭成员" class="icon-edit"></a></span>
                            <span class="fr deleteFamily"><a href="javascript:void(0)" title="删除家庭成员" class="icon-del"></a></span>
                        </div>
                        <span class="uarrow left"></span>
                    </div>
                    <div class="items">
                        <div class="tags-select">
                            <ul class="tags-select-list">
                            <c:forEach items="${member.diseaseTaglist}" var="tag">
                                <li class="bg-orange"><span tagid="${tag.key}" class="item js-item"><em>${tag.value}</em><i></i></span></li>
                            </c:forEach>
                            </ul>
                        </div>
                    </div>
                </div>
            </li>
            </c:forEach>
        </ul>
    </div>
</div>